Міністерство освіти і науки України Національний університет “Львівська політехніка” Кафедра «Електронні обчислювальні машини» Лабораторна робота №3 на тему: “Онлайн редактори і генератори” з дисципліни: “Глобальні інформаційні мережі”  Львів – 2014 Мета роботи: Навчитися користуватися онлайн редакторами як графічними так і HTML. А також генерувати HTML та CSS елементи для сайту. Адреса тестової сторінки: http://scrambone.byethost15.com/ Скріншот тестової сторінки: / Рис. 1. Скріншот тестової сторінки Етапи виконання роботи: Спершу я знайшов сайт який містить цікаві дизайнерські рішення які я хочу запозичити. / Рис. 2. Сторінка сайту з цікавими дезайнерськими рішеннями Ознайомився з графічними редакторами та розробив логотип/ Рис. 3. Робота з графічним редактором Розробив ескіз сайту. / Рис. 4. Розроблений ескіз сайту Згенерував HTML структуру майбутнього сайту. / Рис. 5. Генерація HTML структури  Згенерував CSS стилі елементів для сайту. / Рис. 5. Генерація стилів елементів За допомогою HTML-редактора поставив створені графічні елементи у відповідні місця сторінки. / Рис. 7. Візуальний редактор http://dabblet.com/ / Рис. 8. Вікно текстового редактора Висновок: Під час виконання даної лабораторної роботи я навчився користуватися онлайн генераторами і редакторами, сервісами для генерації стилів CSS. Під час роботи з графічними редакторами я надав перевагу онлайн редактору Pixlr ,за його допомогою розробив основні елементи сайту. Причини вибору цього редактора: Безкоштовний Завжди доступний в мережі Дуже наближений як графічно так і функціонально до Adobe Photoshop Є надзвичайно простим у використанні Не потребує додаткових ресурсів компютера для обробки даних При створенні скріншотів я використовував стандартну утиліту «Ножниці», адже за її допомогою можна зробити знімок довільної області і швидко вставити його в документ. Для створення HTML структури сайту був обраний сервіс csstemplater.com через його продуманий інтерфейс. Перед вибором ознайомився з сервісом csscreator.com, тому можу впевнено сказати що він зручніший. В якості HTML редакторів були використані як візуальні так і текстові редактори. При виконанні цієї лабораторної роботу я віддав перевагу онлайн редактору - http://dabblet.com/